<template>
  <div class="footer">
    <div class="tell">
      <div class="content-title">联系我们</div>
      <p>联系电话：0871-67390506（工作日）</p>
      <p>投诉电话：0871-67390532（工作日）</p>
      <p>地址：昆明医科大学附属甘美医院</p>
    </div>
    <div class="code">
      <img
        src="../../../assets/img/weixin.png"
        alt=""
      >
    </div>
  </div>
</template>
<script>
export default {
    data() {
        return {};
    }
};
</script> 
<style scoped>
.footer {
    width: 100%;
    height: 200px;
    background: url('../../../assets/img/footer.png');
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.tell {
    width: 90%;
    padding: 20px;
    margin: 0 auto;
}
.content-title {
    width: 50%;
    margin: 0 auto;
    background-color: #b9a372;
    line-height: 32px;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.tell > p {
    text-align: center;
    line-height: 40px;
    font-size: 1.3rem;
}
.code {
    margin-right: 100px;
}
</style>